﻿@extends('/home/layout/layout')@section('tittle', $goods->gname )
@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('/HomeCss/css/common.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('/HomeCss/css/productdetail.css')}}">
@endsection
@section('con')
<!-- 购物车错误显示 -->
<div class='chuerror' style='position:absolute;left:700px;z-index:10500;float:inline;
top:665px;width:100px;height:30px;float:inline;background-color:#ddd;border-radius:5px;
color:white;text-align:center;line-height:30px;display:none;'>添加成功</div>
<div class="prodConTop">
	<div class="prodConTopIn">
		<!-- product_top_crumb -->
        <div class="prodConTopInTit">
	<p><span><a href="{{asset('/')}}">好乐买</a></span>
			@foreach($type['tname'] as $k=>$v)
            <a href="{{asset('/list/search?id='.$type['tid'][$k])}}" style='color:#d70057;'>{{$v}}</a>&nbsp;&gt;&nbsp;
            @endforeach
        	<a href="{{asset('/goods/index?id='.$goods->gid)}}">{{$goods->gname}}</a>
    </p>
</div>
		<!-- product_top_picture -->
<div class="pDetailLe" id="pDetailLe">
    <div class="qqg">
    </div>
    <div  style="top:0px;z-index:5000;position:relative;" id='small'>
	    <p class="pBigPic"  >
	        <a class="cloud-zoom" id="zoom1" rel="adjustX: 10,adjustY: -4,softFocus:false" href="http://0.image.lx.okbuycdn.com/static/607c70a7c1f5fb257e9f5f51ae7c8097.jpg')}}" style="position: relative; display: block;">
	            <img src="{{asset($goods->gpic)}}" id='simg' alt="耐克512164100" style="display: block;">
	        </a>
	        <div id='move' style="width: 100px;height: 100px; background:url({{asset('/HomeCss/images/bg.png')}});
			position: absolute;top:0px;left:0px;display:none;z-index:10000;cursor:move;">
			</div>
		</p>

		
    </div>
    <div id='big' style="width: 400px;height: 400px;
	position: absolute;left:480px;top:50px;overflow:hidden;display:none;">
		<img id="bimg" src="{{$goods->gpic}}" style="position: absolute; left:0px" width='1200px' alt="">
	</div>
	<div class="prodConTopInLiImg">
	<table class="multi_view" cellspacing="0"  cellpadding="0" border="0">
		<tbody class='topian'>
		<tr>
    		<td >
            <img class='pViewImg' src="{{asset($goods->gpic)}}" style='display:block;margin:1px;' alt="{{$goods->gname}}" name="view1" width="49" height="49" border="0">
			<span class="" style="display: block;border:1px solid red;height:50px;width:50px;"></span>
			</td>
            @foreach($img as $k=>$v)
    		<td class="" >
            <img class='pViewImg' src="{{$v->mpic}}" style='display:block;margin:1px;' alt="{{$goods->gname}}" name="view1" width="49" height="49" border="0">
			<span class="" style="display: none;border:1px solid red;height:50px;width:50px;"></span>
			</td>
            @endforeach
        </tr></tbody>
    </table>
	</div>
    <div style="display: none;">
        <p id="prodWishSuccesIn"></p>
    </div>
    
    <script type="text/javascript">

    </script>
<span class="zoomzoom" style="display: inline;"></span></div>		<!-- product_top_detail -->
    <div class="prodConDetail">
    
    <h1 class="prodAllName"><span class="fontbold"><a href="{{asset('/list/search?gbrand='.$goods->gbrand)}}">{{$goods->gbrand}}</a> </span><span id="prodTitleName">{{$goods->gname}}</span><br><span class="yaohe">像歪国那样去狂欢，全球好货年底大减价开始！</span></h1>
    <div class="OB_clearB"></div>

    <div class="prodPriceLiJ">
        <div class="prodPrice">
            <div class="pricewrap clearfix">
                <!--价格区start-->
                <div class="prodPriceLi">
                    <span class="pricetxt">好乐买价</span><span class="colorred">¥{{$goods->zkprice}}<span id="prodPriceAj"></span></span><span class="prodPriceLiJ_2">¥{{$goods->price}}</span>
                </div>
                <div class="prodPriceLiZk">
                    <span id="prodDiscount">{{$goods->dcont}}折</span>
                </div>
                <!--价格区end-->
                <!--累计评价start-->
                <div class="totalcomment">
                    <span class="cmtxt">累计评价</span>
                    <a class="cmtnum" href="#comment">{{$coment['count']}}</a>
                </div>
                <!--累计评价end-->
            </div>
        </div>
        <div class="OB_clearB"></div>
    </div>
    <div class="OB_clearB"></div>
        <div class="prodColor">
        <div class="prodH">颜色</div>
        <p class="prodColorImg">
            @foreach($img as $k=>$v)
            <span selfurl="" style='cursor:pointer;@if(count($img)!=1) border:1px solid #ddd; @endif' title="{{$v->color}}" >
            <img src="{{asset($v->mpic)}}" class='' style='display:block;width:100%;' title="{{$v->color}}">
            @if(count($img)==1)<i></i>@endif</span>
            @endforeach
        </p>
        <div class="OB_clearB"></div>
        </div>
        <div class="prodConSize">
        <div class="prodH">
            尺码
            <a href="javascript:void(0)" id="showsizelist" rel="nofollow">
                尺码对照表            </a>
        </div>
        <!--  -->
        <div class="OB_clearB"></div>
        <ul class="selectSize clear" id="sizeList">
        	@foreach($gsize as $k=>$v)
        	<li><p class="selectCurArea"><a rel="nofollow" id="{{$v}}" name="sizeitem" href="javascript:;" class=""><span class="text">{{$v}}</span><i></i></a></p></li>
        	@endforeach
        	<!-- <li><p class="selectCurArea"><span id="36" href="javascript:;" class="nostock"><span class="text">36</span></span></p></li> -->
        </ul>
        <div class="OB_clearB"></div>
				<div class="OB_clearB"></div>
        <div class="prodH prodBuyNum" style="margin-top:0;">数量</div>
        <div>
            <ul class="selectCount">
                <li><a href="javascript:void(0);" class="reduce" id="reduce">-</a></li>
                <li>
                <span class="inputBorderBg"><input  name="count" class="inputClass inputNum inputNum_1" maxlength="1" id="buyAmount" value="1" autocomplete="off" type="text"></span>
                </li>
                <li><a href="javascript:void(0);" class="add" id="add">+</a>
                </li>
            </ul>
            <span class="stocktit"></span>
        </div>
        <input value="" id="size" name="size" readonly="readonly" type="hidden">
        <div class="cartopewrap" style='margin-top:70px;'>
            <!--购物车按钮start-->
            <div id="CartButton" >
            	<input class="prodCartBtn" id="jiaruCart" value="加入购物车" type="button">
            </div>
            <!--购物车按钮end-->
            <script type="text/javascript">
            $('#jiaruCart').click(function(){
            	//获取颜色
            	var imgColor = $('.prodColorImg').find('i').prev().attr('src');
            	// console.log(imgColor);
            	//获取尺码
            	var chima = $('.selectCurrentLink').find('span').text();
            	console.log(chima);
            	//获取数量
            	var shuliang = $('#buyAmount').val();
            	console.log(shuliang);
            	// 判断获取到的数据是否为空
            	$('.chuerror').css('display','block');
            	if(!imgColor){$('.chuerror').text('请选择颜色');$('.chuerror').css('color','#DC5751');}
            	if(!chima){$('.chuerror').text('请选择尺码');$('.chuerror').css('color','#DC5751');}
            	if(!shuliang){$('.chuerror').text('请选择数量');$('.chuerror').css('color','#DC5751');}
            	if($('.chuerror').css('display')=='block'){
            		$('.chuerror').fadeOut(1500);}
            	})
            </script>
            <!--收藏start-->
            @if(in_array($goods->gid,$collect))
            <div id="prodWishBlock" ><div class="prodWish prodWishcur"><a rel="nofollow" href="javascript:void(0);" class="labledialog2">已收藏</a></div></div>
            <div id="prodWishSucces" style="display: none">
                <p id="prodWishSuccesIn"></p>
            </div>
            @else
            <div id="prodWishBlock" ><div class="prodWish" id='shoucang'><a rel="nofollow" @if(session('uid')==null) href="{{asset('/HomeCss/login/index')}}" @else href="javascript:void(0);" @endif class="labledialog">收藏该商品</a></div></div>
            <div id="prodWishSucces" style="display: none">
                <p id="prodWishSuccesIn"></p>
            </div>
            @endif
            <!--收藏end-->
        </div>
        <input type="hidden"  value="{{$goods->gid}}" class='shop-gid'><!-- prodWish prodWishcur -->
        <div class="prodNotice"  style="display: block;"><p>此商品仅支持退货，不支持换货；此商品的发货时间为付款后3-15个工作日。</p></div>
        <div class="okbuyservice">
            <!--<a href="" target="_blank" title="正品保障" rel="nofollow"></a>
            <a href="" target="_blank" title="贴心服务" rel="nofollow"></a>
            <a href="" target="_blank" title="全场满259免邮" rel="nofollow"></a>-->
        </div>
        <div id="sizelistdiv" class="alertSizeTable">
                        <div class="closeText"><img src="{{asset('/HomeCss/picture/sizeicon.png')}}" class="sizeicon"><span>尺码对照表</span><img id="closesizelistdiv" src="{{asset('/HomeCss/picture/sizeclose.png')}}"></div>
            <div class="OB_clearB"></div>
			<img src="{{asset('/HomeCss/picture/sizesbylook.jpg')}}">
            <div class="sizeListC">
                <p><img src="{{asset('/HomeCss/picture/sizestar.png')}}">请您放心挑选尺码，好乐买7天退换货为您畅享购物提供保障。</p>
                <div class="prodH">尺码对照表</div>
                <table id="sizeTable">
                    <tbody>
                    <tr>
						<th>欧洲码（EUR）</th>
                            <td>33.5</td>
                            <td>34</td>
                            <td>35</td>
                            <td>35.5</td>
                            <td>36</td>
                            <td>37</td>
                            <td>37.5</td>
                            <td>38</td>
                            <td>39</td>
                            <td>39.5</td>
                            <td>40</td>
                            <td>41</td>
                            <td>41.5</td>
                            <td>42</td>
                            <td>43</td>
                            <td>43.5</td>
                            <td>44</td>
                            <td>45</td>
                            <td>45.5</td>
                            <td>46.5</td>
                            <td>47</td>
                    </tr>
                    <tr>
						<th>美国码（US）</th>
                            <td>4</td>
                            <td>4.5</td>
                            <td>5</td>
                            <td>5.5</td>
                            <td>6</td>
                            <td>6.5</td>
                            <td>7</td>
                            <td>7.5</td>
                            <td>8</td>
                            <td>8.5</td>
                            <td>9</td>
                            <td>9.5</td>
                            <td>10</td>
                            <td>10.5</td>
                            <td>11</td>
                            <td>11.5</td>
                            <td>12</td>
                            <td>12.5</td>
                            <td>13</td>
                            <td>13.5</td>
                            <td>14</td>
                    </tr>
                    <tr>
						<th>中国码（MM）</th>
                            <td>205</td>
                            <td>210</td>
                            <td>215</td>
                            <td>220</td>
                            <td>225</td>
                            <td>230</td>
                            <td>235</td>
                            <td>240</td>
                            <td>245</td>
                            <td>250</td>
                            <td>255</td>
                            <td>260</td>
                            <td>265</td>
                            <td>270</td>
                            <td>275</td>
                            <td>280</td>
                            <td>285</td>
                            <td>290</td>
                            <td>295</td>
                            <td>300</td>
                            <td>305</td>
                    </tr>
                </tbody>
                </table>
            </div>
        </div>
    </div>   
</div>		<!-- product_top_operate-->
        		<div class="OB_clearB"></div>
	</div>
	<div id="sizePop"></div>
	<div id="dialog"></div>
</div><!-- product_center -->
<!-- product_bottom -->
<!-- <link rel="stylesheet" type="text/css')}}" href="{{asset('/HomeCss/css/common_1.css')}}">
<link rel="stylesheet" type="text/css')}}" href="{{asset('/HomeCss/css/productdetail_1.css')}}"> -->

<div class="proinfo-main">
	<div class="proinfo-content">
		<!-- product_bottom_title -->
        <!--模块导航start-->
<div id="proinfotab" style='position: static; top: 894.5px; z-index: 200;'>
	<ul class="prolist">
		<li class="protab-item">
			<a href="#mpro-ImgAndAttr" class="selected">商品详情</a>
		</li>
		<li class="protab-item">
			<a href="#comment">评价晒单<em class="num">&nbsp;</em></a>
		</li>
		<li class="protab-item">
			<a href="#askdivout">售后保障</a>
		</li>
		<!-- <li class="protab-item">
			<a href="#comInfoOff">支付配送</a>
		</li> -->
		<li class="protab-item">
			<a href="#comInfoOff_2">好乐买服务</a>
		</li>
	</ul>
	<!--导航购物车part start-->
	<div class="procart" style="display:none;">
		<span class="cartprice">￥<em class="okprice" id="prodnavprice"></em></span>
		<a href="javascript:void(0)" class="jsaddpro cartbtn">加入购物车(0)</a>
	</div>
	<!--导航购物车part end-->
</div>
<!--模块导航end-->		<!-- product_bottom_left -->
        <!--商品详情模块start-->
<div id="mpro-ImgAndAttr">
		<!--商品参数start-->
	<div class="proattr-wrap canshu">
		<div class="proattr-title1"></div>
		<table class="proattr-table">
			<tbody>
			<tr>
				<td class="table-tit">商品编号：</td>
					<td>0110{{$goods->gid}}</td>
					<td class="table-tit">商品名称：</td>
					<td>{{$goods->gname}}</td>
			</tr><tr>
			    <td class="table-tit">性别：</td>
    			<td>{{$description->gsex}}</td>
    			<td class="table-tit">货源地：</td>
    			<td>{{$description->gaddr}}</td>
    		</tr><tr>
    			<td class="table-tit">适合年龄：</td>
    			<td>{{$description->gage}}</td>
    			<td class="table-tit">品牌：</td>
    			<td>{{$goods->gbrand}}</td>
    		</tr><tr>
    			<td class="table-tit">闭合方式：</td>
    			<td>魔术贴</td>
    			<td class="table-tit">季节：</td>
    			<td class="season_td">
                    @if(strstr($description->gseason,'春'))<span class="sea_1"></span>@endif
                    @if(strstr($description->gseason,'夏'))<span class="sea_2"></span>@endif
                    @if(strstr($description->gseason,'秋'))<span class="sea_3"></span>@endif
                    @if(strstr($description->gseason,'冬'))<span class="sea_4"></span>@endif
                    
                </td>
            </tr><tr>
    			<td class="table-tit">上市时间：</td>
    			<td>{{date(' Y 年 m 月 d 日',$goods->ctime)}}</td>
    			<td class="table-tit"></td><td></td>
    		</tr>
			</tbody>
		</table>
	</div>
	<!--商品参数end-->
		<!--商品尺码start-->
	<div class="proattr-wrap">
		<div class="proattr-title2"></div>
		<h5 class="sizetit">尺码对照表</h5>
		<div class="sizeListC">
			<p><img src="{{asset('/HomeCss/picture/sizestar.png')}}">请您放心挑选尺码，好乐买7天退换货为您畅享购物提供保障。</p>
			<div class="prodH">NIKE全球购童鞋对照  尺码对照表</div>
			<table id="sizeTable"> 
				<tbody> 
									<tr> 
											<th>欧洲码（EUR）</th> 
													<td>21</td> 
													<td>22</td> 
													<td>23.5</td> 
													<td>25</td> 
													<td>26</td> 
													<td>27</td> 
													<td>28</td> 
													<td>28.5</td> 
													<td>29.5</td> 
													<td>30</td> 
													<td>31</td> 
													<td>31.5</td> 
													<td>32</td> 
													<td>33</td> 
													<td>33.5</td> 
													<td>34</td> 
													<td>35</td> 
													<td>35.5</td> 
													<td>36</td> 
													<td>36.5</td> 
													<td>37.5</td> 
													<td>38</td> 
													<td>38</td> 
													<td>38.5</td> 
													<td>39</td> 
													<td>40</td> 
						 
					</tr> 
									<tr> 
											<th>英国码（UK）</th> 
													<td>4.5</td> 
													<td>5.5</td> 
													<td>6.5</td> 
													<td>7.5</td> 
													<td>8.5</td> 
													<td>9.5</td> 
													<td>10.5</td> 
													<td>11</td> 
													<td>11.5</td> 
													<td>12</td> 
													<td>12.5</td> 
													<td>13</td> 
													<td>13.5</td> 
													<td>1</td> 
													<td>1.5</td> 
													<td>2</td> 
													<td>2.5</td> 
													<td>3</td> 
													<td>3.5</td> 
													<td>4</td> 
													<td>4.5</td> 
													<td>5</td> 
													<td>5</td> 
													<td>5.5</td> 
													<td>6</td> 
													<td>6</td> 
						 
					</tr> 
									<tr> 
											<th>中国码（MM）</th> 
													<td>110</td> 
													<td>120</td> 
													<td>130</td> 
													<td>140</td> 
													<td>150</td> 
													<td>160</td> 
													<td>170</td> 
													<td>175</td> 
													<td>180</td> 
													<td>185</td> 
													<td>190</td> 
													<td>195</td> 
													<td>200</td> 
													<td>205</td> 
													<td>210</td> 
													<td>215</td> 
													<td>220</td> 
													<td>225</td> 
													<td>230</td> 
													<td>235</td> 
													<td>235</td> 
													<td>240</td> 
													<td>235</td> 
													<td>240</td> 
													<td>245</td> 
													<td>250</td> 
						 
					</tr> 
									<tr> 
											<th>官方尺码</th> 
													<td>5C</td> 
													<td>6C</td> 
													<td>7C</td> 
													<td>8C</td> 
													<td>9C</td> 
													<td>10C</td> 
													<td>11C</td> 
													<td>11.5C</td> 
													<td>12C</td> 
													<td>12.5C</td> 
													<td>13C</td> 
													<td>13.5C</td> 
													<td>1Y</td> 
													<td>1.5Y</td> 
													<td>2Y</td> 
													<td>2.5Y</td> 
													<td>3Y</td> 
													<td>3.5Y</td> 
													<td>4Y</td> 
													<td>4.5Y</td> 
													<td>5Y</td> 
													<td>5.5Y</td> 
													<td>5.5Y</td> 
													<td>6Y</td> 
													<td>6.5Y</td> 
													<td>7Y</td> 
						 
					</tr> 
								</tbody> 
			</table>
		</div>
	</div>
	<!--商品尺码end-->

	<!--尺码小助手start-->
	
	<!--商品展示start-->
	<div class="proattr-wrap">
		<div class="proattr-title3"></div>
        <div class="MulPicH750">
            <img src="{{asset('/HomeCss/picture/45e2d0b3339df3ffd47650bc73fb21b9_05.jpg')}}">
        </div>
        <div class="MulPicH750">
            <img src="{{asset('/HomeCss/picture/9563519bc90f444beeb69bb2e0b80b9c_01.jpg')}}">
        </div>
		<!--通用下展图上部-->
		<div class="MulPicH750 prInLeftTop">
            <img src="{{asset('/HomeCss/picture/981f751eacb2439ab41c3fc3e714a1db_ke.jpg')}}">
            <img src="{{asset('/HomeCss/picture/f975e06595df29ed2f22f98ca91ba423_03.jpg')}}">
        </div>
		<!--通用下展图下部-->
		<!--尺码描述-->
		        <p class="prseotit"><span>商品描述：</span>{!!$goods->gdesc!!}</p>
        <div class="sizedescription"></div>
        

		<!--推荐模块（你可能喜欢）-->
        		<!--评论晒单模块-->
    <div id="comment" class="module-wrap pingjia">
    	<div class="module-hd">
    		<h3>评价晒单</h3>
    	</div>
        @if($comments[0]->zid!=null)
        <div class="module-body">
                <!--总评分start-->
        <div class="comment-tit clearfix">
            <div class="levelinfo">
                <span class="levelrate">5</span>
                                <span class="comstar levelstar5"></span>
            </div>
                        <div class="comuserinfo">
                                <dl>
                    <dt>正常（{{$coment['stus1']}}人）</dt>
                    <dd><div style="width:{{$coment['stus1']/$coment['count']*100}}px;"></div></dd>
                </dl>
                                <dl>
                    <dt>偏小（{{$coment['stus2']}}人）</dt>
                    <dd><div style="width:{{$coment['stus2']/$coment['count']*100}}px;"></div></dd>
                </dl>
                                <dl>
                    <dt>偏大（{{$coment['stus0']}}人）</dt>
                    <dd><div style="width:{{$coment['stus0']/$coment['count']*100}}px;"></div></dd>
                </dl>
                            </div>
        </div>
        <!--总评分end-->
        <!--评论列表title start-->
        <div class="comment-tab">
            <ul class="clearfix">
                <li>
                    <a href="{{asset('/goods/index?id='.$goods->gid)}}" @if($pic) class="" @else class='current' @endif id="allcomment">全部评价({{$coment['count']}})</a>
                </li>
                <li>
                    <a href="{{asset('/goods/index?id='.$goods->gid.'&pic=tu')}}" id="havepic" @if($pic) class="current" @else class='' @endif>查看有图评价({{$coment['zpic']}})</a>
                </li>
            </ul>
        </div>

        <div id="commentlist" style='margin:20px 0px 50px 0px;'><!--评论列表title end-->
            @foreach($comments as $k=>$v)
            <div class="comment-list">
                <!--评论列表item start-->
                <div class="comment-item clearfix">
                    <div class="comment-column1">
                        @if($v->zlevel==1)<span class="com-star star1"></span>@endif
                        @if($v->zlevel==2)<span class="com-star star2"></span>@endif
                        @if($v->zlevel==3)<span class="com-star star3"></span>@endif
                        @if($v->zlevel==4)<span class="com-star star4"></span>@endif
                        @if($v->zlevel==5)<span class="com-star star5"></span>@endif
                        <span class="com-time">{{date('Y-m-d H:i:s',$v->ztime)}}</span>
                    </div>
                    <div class="comment-column2" style='width:350px;'>
                        <p class="com-con">{{$v->zdesc}}</p>
                        <p>
                            <span class="meta">尺码：<em>41</em></span>
                            <!--?php if (array_key_exists(67,$crumb)) :?-->
                            <span class="meta">关于尺码：<em>@if($v->zstus==0) 偏大 @endif @if($v->zstus==1) 正常 @endif @if($v->zstus==2) 偏小 @endif</em></span>
                                                </p>
                        @if($v->zpic!=null)
                        <div class="shaidan-wrap">
                            <div class="comments-showimgwrap">
                                <div class="comments-imglist">
                                    <div class="slidelist">
                                        <ul data-curpage="1" class="clearfix">
                                            <li>
                                                <a href="javascript:void(0)">
                                                    <img class="imgnum1" data-imgnum="1" src="{{$v->zpic}}"  data-img="{{$v->zpic}}">
                                                </a>
                                                <i></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="comments-viewer">
                                <div class="photo-viewer" style="display:none;">
                                    <div class="photo-wrap">
                                        <span class="close" style='display:block;background:#D7D6D8;text-align:center;line-height:26px;border-radius:50%;font-size:16px;color:#37363E;'>x</span>
                                        <img class="photo-img" src="" style='width:600px;'>
                                        <!-- <div class="cursor-left" title="上一张"></div> -->
                                        <!-- <div class="cursor-right" title="下一张"></div> -->
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                    <div class="comment-column3" style='width:352px;'>
                        <span style='color:#D7006E;font-family:微软雅黑;'>店家回复：</span>{{$v->zreply}}
                    </div>
                    <div class="comment-column3">
                        <p class="com-user">{{$v->uname}}</p>
                    </div>
                </div>
                <!--评论列表item end-->
            </div>
            @endforeach
        </div>  <!--评论列表page end-->
        @endif
        @if($comments[0]->zid==null)
        <!-- 无评论start -->
    	<div class="module-body" style='margin:30px 0px ;'>
    		<div class="nocomment">
    			还没有买家发表评价晒单，等你评价哦~	
    		</div>
    	</div>
        <!-- 无评论end -->
        @endif
    </div>        
        <!--咨询模块-->
		<div class="shouhouservice" id="askdivout">
    <div class="servicewrap">
        <div class="servicehd baozhang">售后保障</div>
        <div class="servicebody">
            <div class="partbox">
                <h5 class="parthd">退换货保障</h5>
                <p class="partcon">
                好乐买支持“15天内退换货”服务。自客户收到商品之日起（以系统签收日期为准）15日内可提出申请，所换商品仅限同款同色不同尺码。<br>
                贴身商品暂不支持此服务。文胸、背心、内裤、内衣套装、保暖内衣和内裤以及保暖内衣套装、泳装、袜子（包括丝袜、连裤袜、运动袜、打底裤），一经签收，非质量问题不予退换货，请您谅解。<br>
                限时特卖、秒杀商品仅支持退货服务。
                </p>
            </div>
            <div class="partbox">
                <h5 class="specialhd">特殊商品退换货说明：</h5>
                <div class="partcon">
                    <p>1. 限时特卖、秒杀商品仅支持“签收后15日内退货”服务；全球购商品仅支持“签收后7日内退货”服务；</p>
                    <p>2. 贴身商品出于安全及卫生考虑，一经签收，非质量问题不予退换。此类商品包括但不仅限于：文胸、背心、内裤、内衣套装、保暖内衣及内裤、保暖内衣套装、泳装、袜子（包括丝袜、连裤袜、运动袜、打底裤）等；</p>
                    <p>3. 数码配件类商品原厂包装已打开，一次性封贴或胶条破损，非质量问题不予退换货；</p>
                    <p>4. 值区商品因价格远低于市场价格出售，订单付款成功后，不可取消并且不提供退换货及维修服务，敬请体谅；</p>
                </div>
            </div>
            <div class="partbox">
                <h5 class="parthd">退换货费用</h5>
                <p class="partcon">
                    质量问题退换货，好乐买承担商品寄回运费（上限20元）。<br>
                    更多详细信息请查看 <a href="#">《退换货政策》</a>
                </p>
            </div>
        </div>
    </div> 
    
</div>		
		<!--好乐买服务模块-->
		<!--支付配送模块-->
<div class="shouhouservice" id="comInfoOff_2">
	<div class="servicewrap">
        <div class="servicehd fuwu">好乐买服务</div>
        <img src="{{asset('/HomeCss/picture/shopservice.jpg')}}">
        <div class="servicebody">
            <div class="partbox ways">
                <h5 class="parthd">配送方式</h5>
                <p class="partcon">
                订单支付成功后，好乐买将在第一时间匹配商品，为您安排发货。快递取件后，送达时间通常为3-5天左右，偏远地区加时1-2天。<br>
                由于商品发货及配送环节容易受到多方面因素影响，因此好乐买对您承诺的发货及收货时间仅限于正常情况，不作为最终承诺。比如法定节假日、异常天气或商品需要调拨时，发货及送达时间将会延迟，对此给您带来的不便，请您体谅！
                </p>
            </div>
            <div class="partbox ways">
                <h5 class="parthd">支付方式</h5>
                <p class="partcon">
                    好乐买目前仅支持在线支付<br>
                    好乐买支持的网上银行详细请查看<a href="#">《支付方式》</a>
                </p>
            </div>
            <div class="partbox ways">
                <h5 class="parthd">价格说明</h5>
                <p class="partcon">
                    <span>好乐买价（中间未划横线价格）</span>：好乐买价为商品的销售价，该价格是交易成交价，是您最终决定是否购买商品的依据。<br>
                    <span>划线价</span>：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。<br>
                    <span>折扣比</span>：为好乐买销售价与参考价的对比（该值四舍五入后采小数点后1位，如￥799/￥2899=0.2756=2.8折），该对比值仅供您参考，不作为结算基数。
                </p>
            </div>
        </div>
    </div> 
</div>		
	</div>
	<!--商品展示end-->
</div>
<!--商品详情模块end-->        
		<div class="OB_clearB"></div>
	</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
	//尺码选中jquery
    for (var i = 0; i <  $('.selectSize li').length; i++) {
    	 $('.selectSize li').eq(i).click(function(){
    	 	$('.selectSize li').find('a').attr('class','');
    	 	$(this).find('a').attr('class','selectCurrentLink');
    	 })
    };
	//绑定鼠标移动事件
	$('#small').mousemove(function(e){
		//显示像素点div 右侧显示区域
		$('#move').css('display','block');
		$('#big').css('display','block');
		//获取鼠标位置
		var x = e.pageX;
		var y = e.pageY;
		/*     ************* start 计算move像素div移动 ***********************      */
		//获取small的top和left
		var _l = $('#small').offset().left;
		var _t = $('#small').offset().top;
		//获取小div的宽高的一半
		var _w = $('#move').width()/2;
		var _h = $('#move').height()/2;
		//计算小div新的left和top
		var newL = x - _l - _w;
		var newT = y - _t - _h;
		//判断越界
		if(newL <= 0){
			newL = 0;}
		if(newT <= 0){
			newT = 0;}
		//获取最大的left和top
		var maxLeft = $('#small').width() - $('#move').width();
		var maxTop = $('#small').height() - $('#move').height();
		if(newL >= maxLeft){
			newL = maxLeft;}
		if(newT >= maxTop){
			newT = maxTop;}
		//设置小div的移动
		$('#move').css({left:newL+'px',top:newT+'px'});
		/*   ************* end 计算move像素div移动 ***********************      */
		//左侧大div的宽高
		var sw = $('#small').width();
		var sh = $('#small').height();
		//计算移动比例
		var xp = newL/sw;
		var yp = newT/sh;
		//获取右侧大图的宽高
		var bw = $('#bimg').width();
		var bh = $('#bimg').height();
		//计算右侧大图移动的距离
		var nL = bw*xp;
		var nT = bh*yp;
		//设置右侧大图的移动
		$('#bimg').css({left:-nL+'px',top:-nT+'px'});
		//动态计算move像素div的宽高
		//计算比例
		var wp = $('#big').width()/$('#bimg').width();
		var hp = $('#big').height()/$('#bimg').height();
		//计算
		var mw = sw*wp;
		var mh = sh*hp;
		//设置宽高
		$('#move').css({width:mw+'px',height:mh+'px'});
	});
	//鼠标移出事件
	$('#small').mouseout(function(){
		//显示像素点div 右侧显示区域
		$('#move').css('display','none');
		$('#big').css('display','none');
	});
	
	 // 图片的更替移入移出事件
    for (var i = 0; i < $('tbody').find('td').length; i++) {
    	$('tbody').find('td').eq(i-1).mouseover(function(){
    		//修改样式
    		$(this).find('span').css({display:'block'});
    		$(this).siblings().find('span').css({display:'none',});
    		var src = $(this).find('img').attr('src');
    		// console.log(src);
    		//图片路径更改
    		$('#simg').attr('src',src);
    		$('#bimg').attr('src',src);
    	});
    };
    //菜单 锚点跳转页面样式更改
    for (var i = 0; i <  $('.protab-item').length; i++) {
		 $('.protab-item').eq(i).click(function(){
		 	$(this).siblings().find('a').attr('class','');
		 	$(this).find('a').attr('class','selected');
		 	
		 });
	};
	//菜单跟随
	$(document).scroll(function(){
		if($(document).scrollTop()>900){
			$('#proinfotab').css({position:'fixed',top:'0px',});
		}else{
			$('#proinfotab').css({position:'static',top:'894.5px'});
		}
        if($(document).scrollTop()>$('.canshu').offset().top-100){
            $('.protab-item').find('a').attr('class','');
            $('.protab-item').eq(0).find('a').attr('class','selected');
        }
        if($(document).scrollTop()>$('.pingjia').offset().top-100){
            $('.protab-item').find('a').attr('class','');
            $('.protab-item').eq(1).find('a').attr('class','selected');
        }
        if($(document).scrollTop()>$('.baozhang').offset().top-100){
            $('.protab-item').find('a').attr('class','');
            $('.protab-item').eq(2).find('a').attr('class','selected');
        }
        if($(document).scrollTop()>$('.fuwu').offset().top-100){
            $('.protab-item').find('a').attr('class','');
            $('.protab-item').eq(3).find('a').attr('class','selected');
        }
	});

	//颜色图片选中
	 for (var j = 0; j < $('.prodColorImg span').length; j++) {
        	$('.prodColorImg span').eq(j).click(function(){
        		$(this).css({border:'1px solid #D70057',});
        		$(this).append("<i></i>");
        		$(this).siblings().css({border:'1px solid #ddd',});
        		$(this).siblings().find('i').remove();
        	})
     };

     //收藏ajax
     $('.labledialog').click(function(){
        //设置文档头
        $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
        });
        //获取商品id
        var gid = $('.shop-gid').val();
        $.post("{{asset('/collect/add')}}",{gid:gid},function(data){
            if(data==1){
                //成功
                $('#shoucang').attr('class','prodWish prodWishcur');
                $('.labledialog').text('已收藏');
            }else{
                //失败
                $('.chuerror').css('display','block');
                $('.chuerror').text('收藏失败');$('.chuerror').css('color','#DC5751');
                if($('.chuerror').css('display')=='block'){
                    $('.chuerror').fadeOut(1500);
                }
            }
        })
     });
</script>
<script type="text/javascript">
	cdn_url = "http://0.js.lx.okbuycdn.com/resources/"
</script>
<script type="text/javascript" src="{{asset('/HomeCss/js/jquery-confirmmini.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/jquery.topsuggest.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/scrolltotop.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/timer.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/jquery.lazyload.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/getprices.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/cloud-zoom.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/jquery-dialog-min.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/jquery.validate.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/jquery.form.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/productinfo.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/slider.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/detailbottom.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/sizehelper.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/outletstime.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/js/traffic.js')}}" async></script>
@endsection